<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="format-detection" content="telephone=no" />
		<meta name="format-detection" content="email=no" />
		<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width;" />
		<title>滑动</title>

		<link rel="stylesheet" type="text/css" href="../css/iscroll.css" />


		<script type="text/javascript" src="../plugins/zepto.js"></script>
		<script type="text/javascript" src="../plugins/iscroll/iscroll-probe.js"></script>
		<script type="text/javascript" src="../js/tool/iscrollTool.js"></script>
	</head>

	<body onload="loaded()" style="">
	<div id="header">iScroll</div>
	<div id="wrapper" style="left: 0px;">
		<div id="scroller" style="-webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transform: translate(0px, -40px) translateZ(0px);">
			<div class="pullDown">
				<span class="pullDownIcon">&nbsp;</span>
				<span class="pullDownLabel">Pull down to refresh</span>
			</div>
				<ul>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
					<li>Pretty row Refreshed</li>
				</ul>
			<div class="pullUp"></div>
		</div>
	</div>
	<div id="footer"></div>

</body>
</html>